<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" />
<meta name="copyright" content="">
<meta name="author" content="">
<title>国际幼儿园</title>
<!-- <link rel="stylesheet" href="./static/css/style.css"> -->
<link rel="stylesheet" href="./static/css/element-ui.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./static/js/swiper-4.5.3.min.js"></script>
<link rel="stylesheet" href="./swiper/swiper.min.css" />
<script src="./static/js/element-ui.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body>
  <div id="app" class="gj-yey">
    <my-header :type="3">
      <div class="gj-banner" :style="'background-image: url(' + banner+')'"></div>
      <gj-main1 newclass="gj-yey-main1" :con="main1" :router="router"></gj-main1>
      <!-- 国际幼儿园四大优势 -->
      <div class="gj-yey-main2" v-if="main2">
        <div class="box">
          <gj-tit1 title="国际幼儿园四大优势"></gj-tit1>
          <dl class="box con wow animated fadeInUp">
            <dd v-for="(item, index) in main2" class="item" :class="'item'+index">
              <div class="title">{{item.name}}</div>
              <div class="text">{{item.con}}</div>
            </dd>
            <dt class="img"><img src="./static/image/gj-04-yey/ys-mid.png" alt=""></dt>
          </dl>
        </div>
      </div>
      <!-- 热门专题 -->
      <hot-zt :con="main3"></hot-zt>
    </my-header>
  </div>
  
  <script type="text/babel">
    let router = getPath(); // 所有路径
    var time = new Date().getTime();
    new Vue({
      el: '#app',
      components: {
        'my-header': httpVueLoader('./components/header.vue?time='+time),
        'gj-main1': httpVueLoader('./components/gj_main1.vue?time='+time),
        'gj-tit1': httpVueLoader('./components/gj_tit1.vue?time='+time),
        'hot-zt': httpVueLoader('./components/hot_zt.vue?time='+time),
      },
      data:{
        router:router, // 路径
        banner:"", // banner
        main1:null, // 专题列表
        main2:null, // 国际学校入学指导
        main3:null, // 热门专题
      },
      mounted() {
        this.getCon()
      },
      
      methods: {
        getCon(){
          this.banner = "./static/image/gj-04-yey/banner.png";
          this.main1 = {
            title:"国际幼儿园择校及备考指导<br>一站式解决择校问题",
            le_list:[
              {id:1, name:"幼儿园学费", path:""},
              {id:2, name:"幼儿园排名", path:""},
              {id:3, name:"报名流程", path:""},
              {id:4, name:"招生条件", path:""},
              {id:5, name:"幼儿园面试", path:""},
              {id:6, name:"入园材料", path:""},
              {id:7, name:"幼儿园地址", path:""},
              {id:8, name:"课程介绍", path:""}
            ],
            ri_list:[
              {title:"适合人群：", text:'<p class="txt">"年龄2-5岁适龄学生</p>'},
              {title:"招生条件:", text:'<p class="txt">"面向全国适龄学生，不限户籍，招收幼儿园托班<br>小班、中班、大班，学前班，以及各学段插班生；</p>'},
              {title:"入学要求 ：", text:'<p class="txt">"通过入学面试以及资料审核后方可入学</p>'},
              {
                title:"招生学校：", 
                school:[
                  {id:1, name:"北京爱迪国际学校"},
                  {id:2, name:"青苗学校"},
                  {id:3, name:"哈罗北京"},
                  {id:4, name:"北京德网学校"},
                  {id:5, name:"北京王府学校"}
                ]
              },
            ]
          }
          this.main2 = [
            {id:1, name:"开设课程体系全面", con:"国际幼儿园可以为学生提供国际主流的课程体系，比较常见的国际幼儿园课程体系包括：蒙氏教育、IB课程体系、双语课程、多元智能课程体"},
            {id:2, name:"学生能得到足够重视", con:"一般每个班的孩子不超过16名，标配是一名外教老师一名中教老师和一名生活老师，2-3岁的小小班还会多增加一名生活老师。师生比例相"},
            {id:3, name:"硬件条件出色", con:"国际幼儿园无论是从硬件设备设施以及教学条件都是非常出色的，像游泳馆、冰球场、各类体育场馆等在国际幼儿园中都比较常见。"},
            {id:4, name:"申请条件宽松", con:"申请国际幼儿园是没有国籍户籍限制的，并且招生时间是贯穿全年进行的，每个月都可以申请报名。"}
          ]
          this.main3 = {
            gj_list:[
              {id:1, name:"国际学校怎么选", src:"./static/image/home/gj-zt1.png", view:"10586"},
              {id:2, name:"艺术国际高中", src:"./static/image/home/gj-zt2.png", view:"10586"},
              {id:3, name:"非京籍入学四证", src:"./static/image/home/gj-zt3.png", view:"10586"},
              {id:4, name:"北京国际学校排名", src:"./static/image/home/gj-zt4.png", view:"10586"},
              {id:5, name:"国际学校入学条件", src:"./static/image/home/gj-zt5.png", view:"10586"},
              {id:6, name:"国际学校怎么选", src:"./static/image/home/gj-zt6.png", view:"10586"},
              {id:7, name:"艺术国际高中", src:"./static/image/home/gj-zt7.png", view:"10586"},
              {id:8, name:"非京籍入学四证", src:"./static/image/home/gj-zt8.png", view:"10586"},
              {id:9, name:"北京国际学校排名", src:"./static/image/home/gj-zt9.png", view:"10586"},
              {id:10, name:"国际学校入学条件", src:"./static/image/home/gj-zt10.png", view:"10586"}
            ],
            sl_list:[
              {id:1, name:"私立学校学费", src:"./static/image/home/sl-zt1.png", view:"10586"},
              {id:2, name:"私立学校排名", src:"./static/image/home/sl-zt2.png", view:"10586"},
              {id:3, name:"非京籍在北京上高中", src:"./static/image/home/sl-zt3.png", view:"10586"},
              {id:4, name:"私立学校和公立学校区别", src:"./static/image/home/sl-zt4.png", view:"10586"},
              {id:5, name:"民办学校是什么意思", src:"./static/image/home/sl-zt5.png", view:"10586"},
            ]
          }
        },
      }
    })
  </script>
  
  
  <link rel="stylesheet" href="./static/animation/animate.min.css" />
  <script type="text/javascript" src="./static/animation/wow.min.js"></script>
  <script>
      var wow = new WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 0,
          mobile: false,
          live: true
      });
      wow.init();
  </script>
  
</body>
</html>